<template>
	<div class="w-full">
		<div class="w-full">
			<el-collapse
				v-model="activeNames"
				v-for="(item, index) in desc"
				:key="index"
			>
				<el-collapse-item :title="item.title" :name="index">
					<div>{{ item.content }}</div>
				</el-collapse-item>
			</el-collapse>
		</div>
	</div>
</template>

<script setup>
	import { ref } from "vue";

	const activeNames = ref([0]);
	const desc = ref([
		{
			title: "JAVA高性能",
			content:
				"该项目是基于easyAi引擎的JAVA高性能，低成本，轻量级智能客服助手。可与用户自动对话，自动捕捉订单信息，分辨用户需求，自动生成订单，自动交互问答，轻量级的智能客服助手。",
		},
		{
			title: "智能客服",
			content: "这是全网最快的java开源原生智能客服助手",
		},
		{
			title: "服务支持",
			content:
				"为电商类，咨询类，平台类服务应用(web/小程序/APP/JAVA)，提供高性能的自动智能客服支持",
		},
	]);
	useHead({
		title: "首页",
	});
</script>